body {
  background-color: #f8f8f8;
}
header img {
  width: 100%;
  height: 51.7333vw;
}
header .to {
  position: absolute;
  top: 16vw;
  left: 5.3333vw;
  width: 60.8vw;
  height: 19.7333vw;
}
header .to .sum {
  position: absolute;
  top: 0;
  left: 0;
  width: 19.7333vw;
  height: 19.7333vw;
  border-radius: 10vw;
  overflow: hidden;
}
header .to .sum img {
  width: 100%;
  height: 100%;
}
header .to .sun {
  position: absolute;
  top: 0;
  right: 0;
  width: 35.2vw;
  height: 19.7333vw;
  text-align: center;
  padding-top: 2.1333vw;
}
header .to .sun p {
  float: left;
  font-size: 6.6667vw;
  font-weight: 700;
  color: #c59a46;
}
header .to .sun span {
  float: left;
  margin-top: 2.6667vw;
  color: #c59a46;
  font-size: 5.8667vw;
}
footer {
  z-index: 999;
  display: flex;
  justify-content: space-around;
  align-items: center;
  position: fixed;
  left: 0;
  bottom: 0;
  border-top: 0.2667vw solid rgba(0, 0, 0, 0.33);
  width: 100%;
  height: 13.3333vw;
  background-color: #fff;
}
footer a {
  text-align: center;
}
footer a .iconfont {
  font-size: 5.8667vw;
}
footer a p {
  font-size: 2.6667vw;
}
footer a:nth-child(4) {
  color: #fa2209;
}
.box {
  display: flex;
  height: 41.0667vw;
  width: 100%;
  padding: 8vw 0;
  background-color: #fff;
}
.box .left {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 60.2667vw;
  height: 25.0667vw;
  text-align: center;
}
.box .left div span {
  display: block;
  color: #fa2209;
  margin-bottom: 4.8vw;
  font-size: 6.6667vw;
}
.box .left div p {
  line-height: 5.0667vw;
}
.box .folt {
  flex: 1;
  text-align: center;
  margin-top: 3.7333vw;
}
.box .folt .iconfont {
  color: #545454;
  font-size: 8.5333vw;
}
.box .folt p {
  line-height: 12.0667vw;
}
.mask {
  width: 93.8667vw;
  height: 29.6vw;
  background-color: #fff;
  display: flex;
  margin: 3.7333vw auto 3.7333vw auto;
  padding-top: 7.2vw;
  width: 94%;
  box-shadow: 0 0.2667vw 0.8vw 0 rgba(0, 0, 0, 0.05);
  font-size: 22px;
  border-radius: 3px;
}
.mask a {
  width: 25%;
  text-align: center;
}
.mask a .iconfont {
  font-size: 8.5333vw;
}
.mask a p {
  margin-top: 4.3333vw;
  font-size: 5.3333vw;
  color: #545454;
}
.nav {
  margin: 4.2667vw auto;
  padding: 4.2667vw 0;
  width: 94%;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
  border-radius: 3px;
  background: #fff;
  margin-bottom: 18.6667vw;
}
.nav .lol {
  padding-left: 17px;
  margin-bottom: 14px;
  font-size: 22px;
}
.nav .main {
  display: flex;
  flex-wrap: wrap;
}
.nav .main a {
  width: 25%;
  height: 23.7333vw;
  text-align: center;
  padding-top: 2.6667vw;
}
.nav .main a .iconfont {
  color: #ff3800;
  font-size: 8.5333vw;
}
.nav .main a p {
  margin-top: 2.6667vw;
  font-size: 20px;
  color: #545454;
}
